<%@include file="/WEB-INF/common/taglibs.jsp"%>

<c:set var="allTemplate" value="${requestScope.templates}" />
<c:set var="allSpreadGroup" value="${requestScope.allSpreadGroup}" />

<div class="row-fluid">
<div class="span8">
<div class="row-fluid">
<div class="box gradient"><form:form method="post"
	modelAttribute="user" id="form">
	<input type="hidden" name="_method" value="${_method }" />
	<div class="title">
	<h4 class="clearfix"><span class="left"> New </span> <a href="#"
		class="minimize">Minimize</a> <span class="box-form right">
	<button class="btn btn-success btn-mini" type="submit">Submit</button>
	</span></h4>
	</div>
	<div class="content form-horizontal clearfix">
	<div class="form-row row-fluid"><label class="form-label span4">UserName</label>
	<input class="span8" type="text" value="${user.name}" name="name" /></div>
	<c:if test="${user.loginName ==null}">

		<div class="form-row"><label class="form-label span4">Password
		</label> <input class="span8" name="password" type="password" /></div>

	</c:if>

	<div class="form-row row-fluid"><label class="form-label span4">EmailAddress</label>
	<input class="span8" type="text" value="${user.email}" name="email" />
	</div>
	<div class="form-row row-fluid"><label class="form-label span4">Login
	Name</label> <input class="span8" type="text" name="loginName"
		<c:if test="${user.loginName!=null}">
									readonly="readonly"
      				  </c:if>
		value="${user.name}" /></div>
	</div>
	<div class="form-row">
	<div class="form-row row-fluid">
	<div class="span12">
	<div class="leftBox">
	<div class="searchBox"><input type="text" id="box1Filter"
		class="searchField" placeholder="filter ..." />
	<button id="box1Clear" type="button" class="btn"><span
		class="icon12  icomoon-icon-cancel-3"></span></button>
	</div>

	<select id="box1View" multiple="multiple" class="multiple nostyle"
		style="height: 300px;">
		<c:forEach var="role" items="${pending}">
			<option value="${role.id}">${role.name}</option>
		</c:forEach>
	</select> <br />
	<span id="box1Counter" class="count"></span>

	<div class="dn"><select id="box1Storage" name="box1Storage"
		class="nostyle"></select></div>
	</div>

	<div class="dualBtn">

	<button id="to2" type="button" class="btn"><span
		class="icon12 minia-icon-arrow-right-3"></span></button>
	<button id="allTo2" type="button" class="btn"><span
		class="icon12 iconic-icon-last"></span></button>
	<button id="to1" type="button" class="btn marginT5"><span
		class="icon12 minia-icon-arrow-left-3"></span></button>
	<button id="allTo1" type="button" class="btn marginT5"><span
		class="icon12 iconic-icon-first"></span></button>

	</div>

	<div class="rightBox">
	<div class="searchBox"><input type="text" id="box2Filter"
		class="searchField" placeholder="filter ..." />
	<button id="box2Clear" type="button" class="btn"><span
		class="icon12  icomoon-icon-cancel-3"></span></button>
	</div>
	<select id="box2View" multiple="multiple" class="multiple nostyle"
		style="height: 300px;" name="roleId">
		<c:forEach var="role" items="${exist}">
			<option value="${role.id}">${role.name}</option>
		</c:forEach>


	</select> <br />
	<span id="box2Counter" class="count"></span>

	<div class="dn"><select id="box2Storage" class="nostyle"></select>
	</div>
	</div>

	</div>
	</div>


	</div>

</form:form></div>
</div>
</div>
</div>
